.gallerycontent{
	background:#f9de57;
}

img{
	display: block;
	max-width: 90%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}

/* Thumbnail Styles */
.thumbnails{
	margin-right: -15px;
}

.thumbnails a{
	   float: left;
		 width: 25%;
		 padding-right:15px;
		 margin-bottom: 15px;
		 box-sizing: border-box;
}

.thumbnails img{
	 display: block;  /*prevents images being effected by font and line height*/

}

.thumbnails img:hover{
	transform: rotate(2deg);
	box-shadow: 0 0 7px rgba(0,0,0,0.5);
}

.gallerywrapper{
	display: grid;
	grid-template-columns: 	1fr;
	grid-template-areas:
	"title title"
	"header header"
	"gallerycontent gallerycontent"
	"sidebar sidebar"
	"footer footer";
	grid-gap: 5px;
}

@media screen and (min-width:736px){
	.gallerywrapper{
	display: grid;
	grid-template-columns: 	70% 30%;
	grid-template-areas:
	"title title"
	"header header"
	"gallerycontent sidebar"
	"footer footer";
	gap :10px;
	}
}